<!-- 网格布局用户展示 - 支持多图和无图 -->
<div class="grid-users">
    <!-- 有单张图片的用户 -->
    <div class="user-card grid-user-card">
        <div class="user-avatar-container">
            <img src="https://picsum.photos/seed/user1/400/400" alt="用户头像" class="user-avatar">
        </div>
        <div class="user-info">
            <div class="user-name">
                李明
                <span class="user-status status-online">在线</span>
            </div>
            <p class="user-bio">热爱摄影和旅行，用镜头记录生活中的美好瞬间，分享各地风土人情。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>528 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-image"></i>
                    <span>142 作品</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-comment"></i>
                    <span>367 动态</span>
                </div>
            </div>
            <div class="user-actions">
                <button class="btn btn-primary action-btn">关注</button>
                <button class="btn btn-outline-primary action-btn">私信</button>
            </div>
        </div>
    </div>

    <!-- 有多张图片的用户（合集账号） -->
    <div class="user-card grid-user-card">
        <div class="user-avatar-container">
            <div class="multi-avatar">
                <img src="https://picsum.photos/seed/group1/200/200" alt="团队成员1">
                <img src="https://picsum.photos/seed/group2/200/200" alt="团队成员2">
                <img src="https://picsum.photos/seed/group3/200/200" alt="团队成员3">
            </div>
        </div>
        <div class="user-info">
            <div class="user-name">
                科技前沿团队
                <span class="user-status status-online">在线</span>
            </div>
            <p class="user-bio">由多位科技爱好者组成的内容团队，分享最新科技资讯和产品评测。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>12.5k 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-newspaper"></i>
                    <span>843 文章</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-heart"></i>
                    <span>42k 获赞</span>
                </div>
            </div>
            <div class="user-actions">
                <button class="btn btn-primary action-btn">关注</button>
                <button class="btn btn-outline-primary action-btn">私信</button>
            </div>
        </div>
    </div>

    <!-- 没有图片的用户 -->
    <div class="user-card grid-user-card">
        <div class="user-avatar-container avatar-icon">
            <i class="fas fa-user"></i>
        </div>
        <div class="user-info">
            <div class="user-name">
                星辰大海
                <span class="user-status status-offline">离线</span>
            </div>
            <p class="user-bio">文学爱好者，喜欢分享读书心得和原创诗歌，偶尔写一些短篇小说。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>312 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-book"></i>
                    <span>78 文章</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-comment"></i>
                    <span>205 动态</span>
                </div>
            </div>
            <div class="user-actions">
                <button class="btn btn-primary action-btn">关注</button>
                <button class="btn btn-outline-primary action-btn">私信</button>
            </div>
        </div>
    </div>

    <!-- 有单张图片的用户 -->
    <div class="user-card grid-user-card">
        <div class="user-avatar-container">
            <img src="https://picsum.photos/seed/user2/400/400" alt="用户头像" class="user-avatar">
        </div>
        <div class="user-info">
            <div class="user-name">
                张雨晴
                <span class="user-status status-online">在线</span>
            </div>
            <p class="user-bio">职业插画师，擅长卡通风格和水彩画，定期分享绘画教程和作品。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>2.3k 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-paint-brush"></i>
                    <span>326 作品</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-heart"></i>
                    <span>15k 获赞</span>
                </div>
            </div>
            <div class="user-actions">
                <button class="btn btn-primary action-btn">关注</button>
                <button class="btn btn-outline-primary action-btn">私信</button>
            </div>
        </div>
    </div>
</div>

